

/**
 * KQI分析，表盘操作JS
 *
 */

/**********************表盘定义***********************/
//首包时延表盘
var sbsyChar;
//首页打开时延表盘
var sydksyChar;
//DNS成功率表盘
var dnscglChar;
//视频下载速率表盘
var spxzslChar;
//IM成功率表盘
var imcglChar;
/**********************END OF 表盘定义***********************/

/**
 * 首包时延表盘
 */
function initSbsyChar() {
	var city_code=$("#city_code").val();
	//var beginDate=$("#beginDate").val();
	//var endDate=$("#endDate").val();
	var timeSize=$('input:radio[name="timeSize"]:checked').val();
	//查询  
	sbsyChar.clear();
	sbsyChar.showLoading({
		text : '正在努力的读取数据中...'
	});
	$.ajax({
		type : "POST",
		url : "../../businessSense/kQIEvaluation/getSbsyChar?rand="
				+ Math.random(),
		dataType : "json",
				"data" : {
					"city_code" : city_code,
					"beginDate" : beginDate,
					"endDate" : endDate,
					"timeSize" : timeSize
				},
		success : function(data) {
			$("#sbsyRadio").text(data.charData);
			var option = {
				tooltip : {
					formatter : "{a} : {c}ms"
				},
				series : [ {
					name : '首包时延',
					type : 'gauge', 
					min:0,
		            max:1000,
					detail : {
						formatter : '{value}ms',
						textStyle: {
							fontSize: 20
				        }
					},
					data : [ {
						value : data.charData
					} ],
					splitNumber : 5,
					axisLine : { // 坐标轴线
						lineStyle : { // 属性lineStyle控制线条样式
							color : data.color,
							width : 10
						}
					},
					axisTick : { // 坐标轴小标记
						splitNumber : 10, // 每份split细分多少段
						length : 15, // 属性length控制线长
						lineStyle : { // 属性lineStyle控制线条样式
							color : 'auto'
						}
					},
					splitLine : { // 分隔线
						length : 22, // 属性length控制线长
						lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
							color : 'auto'
						}
					},
					pointer : {
						width : 5
					}
				} ]
			};

			sbsyChar.setOption(option, true);
			sbsyChar.hideLoading();
		}
	});
}

/**
* 首页打开时延表盘
*/
function initSydksyChar() {
	var city_code=$("#city_code").val();
	//var beginDate=$("#beginDate").val();
	//var endDate=$("#endDate").val();
	var timeSize=$('input:radio[name="timeSize"]:checked').val();
	sydksyChar.clear();
	sydksyChar.showLoading({
		text : '正在努力的读取数据中...'
	});
	$.ajax({
		type : "POST",
		url : "../../businessSense/kQIEvaluation/getSydksyChar?rand="
				+ Math.random(),
		dataType : "json",
				"data" : {
					"city_code" : city_code,
					"beginDate" : beginDate,
					"endDate" : endDate,
					"timeSize" : timeSize
				},
		success : function(data) {
			$("#sydkRadio").text(data.charData);
			var option = {
					tooltip : {
						formatter : "{a} : {c}ms"
					},
					series : [ {
						name : '首页打开时延',
						type : 'gauge',
						min:0,
			            max:10000,
						detail : {
							formatter : '{value}ms',
							textStyle: {
								fontSize: 20
					        }
						},
						data : [ {
							value : data.charData
						} ],
						splitNumber : 5,
						axisLine : { // 坐标轴线
							lineStyle : { // 属性lineStyle控制线条样式
								color : data.color,
								width : 10
							}
						},
						axisTick : { // 坐标轴小标记
							splitNumber : 10, // 每份split细分多少段
							length : 15, // 属性length控制线长
							lineStyle : { // 属性lineStyle控制线条样式
								color : 'auto'
							}
						},
						splitLine : { // 分隔线
							length : 22, // 属性length控制线长
							lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
								color : 'auto'
							}
						},
						pointer : {
							width : 5
						}
					} ]
				};

			sydksyChar.setOption(option, true);
			sydksyChar.hideLoading();
		}
	});
}

/**
* DNS成功率表盘
*/
function initDnscglChar() {
	var city_code=$("#city_code").val();
	//var beginDate=$("#beginDate").val();
	//var endDate=$("#endDate").val();
	var timeSize=$('input:radio[name="timeSize"]:checked').val();
	dnscglChar.clear();
	dnscglChar.showLoading({
		text : '正在努力的读取数据中...'
	});
	$.ajax({
		type : "POST",
		url : "../../businessSense/kQIEvaluation/getDnscglChar?rand="
				+ Math.random(),
		dataType : "json",
				"data" : {
					"city_code" : city_code,
					"beginDate" : beginDate,
					"endDate" : endDate,
					"timeSize" : timeSize
				},
		success : function(data) {
			$("#dnscglRadio").text(data.charData);
			var option = {
					tooltip : {
						formatter : "{a} : {c}%"
					},
					series : [ {
						name : 'DNS成功率',
						type : 'gauge',
						detail : {
							formatter : '{value}%',
							textStyle: {
								fontSize: 20
					        }
						},
						data : [ {
							value : data.charData
						} ],
						splitNumber : 5,
						axisLine : { // 坐标轴线
							lineStyle : { // 属性lineStyle控制线条样式
								color : data.color,
								width : 10
							}
						},
						axisTick : { // 坐标轴小标记
							splitNumber : 10, // 每份split细分多少段
							length : 15, // 属性length控制线长
							lineStyle : { // 属性lineStyle控制线条样式
								color : 'auto'
							}
						},
						splitLine : { // 分隔线
							length : 22, // 属性length控制线长
							lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
								color : 'auto'
							}
						},
						pointer : {
							width : 5
						}
					} ]
				};

			dnscglChar.setOption(option, true);
			dnscglChar.hideLoading();
		}
	});
}

/**
* 视频下载速率表盘
*/
function initSpxzslChar() {
	var city_code=$("#city_code").val();
	//var beginDate=$("#beginDate").val();
	//var endDate=$("#endDate").val();
	var timeSize=$('input:radio[name="timeSize"]:checked').val();
	spxzslChar.clear();
	spxzslChar.showLoading({
		text : '正在努力的读取数据中...'
	});
	$.ajax({
		type : "POST",
		url : "../../businessSense/kQIEvaluation/getSpxzslChar?rand="
				+ Math.random(),
		dataType : "json",
				"data" : {
					"city_code" : city_code,
					"beginDate" : beginDate,
					"endDate" : endDate,
					"timeSize" : timeSize
				},
		success : function(data) {
			$("#spxzRadio").text(data.charData);
			var option = {
					tooltip : {
						formatter : "{a}  : {c}Kbps"
					},
					series : [ {
						name : '视频下载速率',
						type : 'gauge',
						min:0,
			            max:2000,
						detail : {
							formatter : '{value}Kbps',
							textStyle: {
								fontSize: 20
					        }
						},
						data : [ {
							value : data.charData
						} ],
						splitNumber : 5,
						axisLine : { // 坐标轴线
							lineStyle : { // 属性lineStyle控制线条样式
								color : data.color,
								width : 10
							}
						},
						axisTick : { // 坐标轴小标记
							splitNumber : 10, // 每份split细分多少段
							length : 15, // 属性length控制线长
							lineStyle : { // 属性lineStyle控制线条样式
								color : 'auto'
							}
						},
						splitLine : { // 分隔线
							length : 22, // 属性length控制线长
							lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
								color : 'auto'
							}
						},
						pointer : {
							width : 5
						}
					} ]
				};

			spxzslChar.setOption(option, true);
			spxzslChar.hideLoading();
		}
	});
}

/**
* IM成功率表盘
*/
function initImcglChar() {
	var city_code=$("#city_code").val();
	//var beginDate=$("#beginDate").val();
	//var endDate=$("#endDate").val();
	var timeSize=$('input:radio[name="timeSize"]:checked').val();
	imcglChar.clear();
	imcglChar.showLoading({
		text : '正在努力的读取数据中...'
	});
	$.ajax({
		type : "POST",
		url : "../../businessSense/kQIEvaluation/getImcglChar?rand="
				+ Math.random(),
		dataType : "json",
				"data" : {
					"city_code" : city_code,
					"beginDate" : beginDate,
					"endDate" : endDate,
					"timeSize" : timeSize
				},
		success : function(data) {
			$("#imyRadio").text(data.charData);
			var option = {
					tooltip : {
						formatter : "{a} : {c}%"
					},
					series : [ {
						name : '业务指标',
						type : 'gauge',
						detail : {
							formatter : '{value}%',
							textStyle: {
								fontSize: 20
					        }
						},
						data : [ {
							value : data.charData
						} ],
						splitNumber : 5,
						axisLine : { // 坐标轴线
							lineStyle : { // 属性lineStyle控制线条样式
								color : data.color,
								width : 10
							}
						},
						axisTick : { // 坐标轴小标记
							splitNumber : 10, // 每份split细分多少段
							length : 15, // 属性length控制线长
							lineStyle : { // 属性lineStyle控制线条样式
								color : 'auto'
							}
						},
						splitLine : { // 分隔线
							length : 22, // 属性length控制线长
							lineStyle : { // 属性lineStyle（详见lineStyle）控制线条样式
								color : 'auto'
							}
						},
						pointer : {
							width : 5
						}
					} ]
				};

			imcglChar.setOption(option, true);
			imcglChar.hideLoading();
		}
	});
}